.login{
  width: 100%;
  height: 100%;
  background-image: url("./imgs/login_bg.jpg");
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  .login-title{
    color: #ffffff;
    img{
      width: 140px;
    }
    .login-top-name{
      display: inline-block;
      width: 2px;
      height: 40px;
      background: #ffffff;
      margin: 0 20px;
      vertical-align: middle
    }
  }
  .login-content{
    width: 400px;
    padding: 20px 20px 0;
    background-color:rgba(0,0,0,0.5);
    border-radius: 10px;
    .login-form {
      max-width: 100%;
    }
    .login-form-remember{
      color: #ffffff;
      margin-left: 20px;
    }
    .login-form-forgot {
      float: right;
      margin-right: 20px;
    }
    .login-form-button {
      width: 100%;
    }
  }
  .login-bottom-details{
    color: #ffffff;
  }
}